<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>111</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div>
    <div id="tool">
      <div id="left">
        <div id="append">
          <svg class="icon"
               viewBox="0 0 1024 1024"
               version="1.1"
               xmlns="http://www.w3.org/2000/svg"
               p-id="1202" width="16" height="16">
            <path d="M832 480H544V192a32 32 0 0 0-64 0v288H192a32 32 0 0 0 0 64h288v288a32 32 0 0 0 64 0V544h288a32 32 0 0 0 0-64z" p-id="1350"></path>
          </svg>
        </div>
        <div id="sticky" style="padding-left: 5px;">
          <svg class="icon" fill="#000000" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6468" width="16" height="16">
            <path d="M921.6 347.802L650.598 76.8c-9.625-9.626-22.528-14.95-36.198-14.95s-26.573 5.324-36.198 14.95L563.2 91.802c-14.848 14.848-25.6 40.806-25.6 61.798v51.2c0 7.27-5.427 20.429-10.598 25.6L384 373.402c-5.171 5.17-18.33 10.598-25.6 10.598h-51.2c-20.992 0-46.95 10.752-61.798 25.6L230.4 424.602c-19.968 19.968-19.968 52.428 0 72.396l79.514 79.514-253.44 329.472c-7.834 10.189-6.912 24.627 2.201 33.69 4.967 4.966 11.52 7.475 18.125 7.475 5.478 0 10.957-1.741 15.616-5.325l329.472-253.44 79.514 79.514c9.625 9.625 22.528 14.95 36.198 14.95s26.573-5.325 36.198-14.95l15.002-15.002c14.848-14.848 25.6-40.806 25.6-61.798v-51.2c0-7.27 5.427-20.43 10.598-25.6L768 471.296c5.171-5.171 18.33-10.598 25.6-10.598h51.2c20.992 0 46.95-10.752 61.798-25.6l15.002-15.002c9.626-9.626 14.95-22.528 14.95-36.198s-5.324-26.573-14.95-36.199zM216.78 781.619l129.69-168.601 38.912 38.912-168.601 129.69zM870.4 399.002c-5.171 5.17-18.33 10.598-25.6 10.598h-51.2c-20.992 0-46.95 10.752-61.798 25.6L588.8 578.202c-14.848 14.848-25.6 40.806-25.6 61.798v51.2c0 7.27-5.427 20.429-10.598 25.6l-14.95 14.95h-0.052v0.052L266.598 460.8l15.002-15.002c5.171-5.17 18.33-10.598 25.6-10.598h51.2c20.992 0 46.95-10.752 61.798-25.6L563.2 266.598c14.848-14.848 25.6-40.806 25.6-61.798v-51.2c0-7.27 5.427-20.429 10.598-25.6l15.002-15.002L885.402 384 870.4 399.002z" p-id="6469">
            </path>
          </svg>
        </div>
        <div id="colorPicker">
          <ul>
          </ul>
        </div>
      </div>
      <div id="center"></div>
      <div id="right">
        <div id="clear" style="padding-right: 5px;">
          <svg fill="#f15" t="1629686533728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2065" width="14" height="14">
            <path d="M928 256a32 32 0 0 1 3.744 63.776L928 320h-64v540.448c0 51.616-33.792 96.256-80.128 99.392l-5.216 0.16H245.344c-47.264 0-82.72-42.784-85.216-93.856L160 860.48V320H96a32 32 0 0 1-3.744-63.776L96 256h832z m-128 64H224v540.448c0 19.552 9.856 33.44 19.2 35.328l2.144 0.224h533.312c9.216 0 19.712-12.48 21.184-31.136l0.16-4.416V320z m-192 96a32 32 0 0 1 31.776 28.256L640 448v352a32 32 0 0 1-63.776 3.744L576 800V448a32 32 0 0 1 32-32z m-192 0a32 32 0 0 1 31.776 28.256L448 448v352a32 32 0 0 1-63.776 3.744L384 800V448a32 32 0 0 1 32-32z m257.632-320a32 32 0 0 1 3.744 63.776L673.6 160H352a32 32 0 0 1-3.744-63.776L352 96h321.632z" p-id="2066"></path>
          </svg>
        </div>
        <div id="close">
          <svg class="icon"
               viewBox="0 0 1024 1024"
               version="1.1"
               xmlns="http://www.w3.org/2000/svg"
               p-id="1202" width="16" height="16">
            <path d="M810.666667 273.493333L750.506667 213.333333 512 451.84 273.493333 213.333333 213.333333 273.493333 451.84 512 213.333333 750.506667 273.493333 810.666667 512 572.16 750.506667 810.666667 810.666667 750.506667 572.16 512z" p-id="2167"></path>
          </svg>
        </div>
      </div>
    </div>
    <textarea id="textarea" spellcheck="false"></textarea>
  </div>
  <script src="./js/main.js"></script>
</body>
</html>


